<template>
  <div>
    <div>
      <!-- 按钮 单例多例 -->
      <RadioBtn @handGroup="handGroup"></RadioBtn>
      <SingleSase v-if="show == '单例模拟'"></SingleSase>
      <MultipleCases v-if="show == '多例模拟'"></MultipleCases>
    </div>
  </div>
</template>

<script>
import _ from "lodash";
import RadioBtn from "./components/RadioBtn.vue";
import SingleSase from "./components/SingleSase.vue";
import MultipleCases from "./components/MultipleCases.vue";

export default {
  components: {
    RadioBtn,
    SingleSase,
    MultipleCases,
  },
  computed: {},
  data() {
    return {
      show: "单例模拟",
    };
  },
  async created() {},
  methods: {
    handGroup(val) {
      this.show = val;
    },
  },
};
</script>

<style lang='scss' scoped>
/* .simulator_box {
  height: calc(100vh - 145px - 100px) !important;
  overflow: auto;
  padding: 0 10px;
} */
</style>